<template>
    <el-menu
        :default-active="activeMenu"
        class="s-menu">
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <svg-icon name="cloud"/>
                </el-icon>
                <span>Navigator One</span>
            </template>
            <el-sub-menu index="1-4">
                <template #title>item four</template>
                <el-menu-item index="1-4-1">item one</el-menu-item>
            </el-sub-menu>
        </el-sub-menu>
        <el-menu-item index="/codeGenerator">
            <el-icon>
                <svg-icon name="cloud"/>
            </el-icon>
            <span>代码生成器</span>
        </el-menu-item>
    </el-menu>
</template>

<script setup>

import SvgIcon from "../../components/SvgIcon.vue";
import {ref} from 'vue'

const activeMenu = ref('1')
</script>

<style scoped lang="less">
.s-menu {
    width: 260px;
}
</style>
